<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    变量类型
    <script>
        // 数组的定义, 定义一个数组, 里面存入一个学生的数据
        const arrStudent = ['张三', 14, 13322233333, '男']
        console.log(arrStudent);

        // 对象的定义, 定义一个对象将上面数组中的学生信息组织在一起
        // 没有顺序要求, 但是具有描述性, 一般叫做 key:value 键值对
        const objStudent = {
            age: 14,
            phone: 13322233333,
            name: '张三',
            sex: '男'
        }
        console.log(objStudent);
        // 遍历对象
        // for in 循环, 往 for 里面带上的变量, 就是对象中的 key
        // 如果要去对象中的value数据, 可以用中括号实现
        for(const key in objStudent){
            console.log(key, '=>', objStudent[key]);
        }

        // 用数组的形式组织学生列表, 数组套对象的形式, 才是最常见的数据
        const arrStudentList = [
            {
                age: 14,
                phone: 13322233333,
                name: '张三',
                sex: '男'
            },
            {
                age: 15,
                phone: 13322233334,
                name: '李四',
                sex: '女'
            },
            {
                age: 16,
                phone: 13322233335,
                name: '王五',
                sex: '男'
            }
        ]

  

        // 用 for 循环遍历 arrStudentList 学生列表
        // 数组是以索引的方式存储的, 索引从 0 开始(又叫下标)
        // for 函数调用时带上三个选项, 1. 初始值, 2. 结束值, 3. 步长
        for (let i = 0; i < arrStudentList.length; i++) {
            // 用中括号的方式取得对应元素
            console.log(arrStudentList[i]);
        }


    </script>
</body>

</html>